/*!*==================== 全局样式 ====================*!*/
/*body {*/
/*margin: 0;*/
/*padding: 0;*/
/*background-color: #fff;*/
/*color: #61687c;*/
/*}*/

/*.hw-main a {*/
/*text-decoration: none;*/
/*}*/

/*ul, li, img, p {*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/

/*.hw-main ul {*/
/*list-style: none;*/
/*}*/

/*!*==================== 内容区 ====================*!*/
/*.hw-main {*/
/*width: 1000px;*/
/*min-width: 900px;*/
/*margin: auto;*/
/*}*/

/*!*==================== 轮播图 ====================*!*/
/*.hw-main .scroll_pic {*/
/*width: 100%;*/
/*height: 450px;*/
/*border: 1px solid #00d7c6;*/
/*}*/

/*.hw-main .scroll_pic > img {*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/

/*!*==================== 公共部分 ====================*!*/
/*.tag {*/
/*overflow: hidden;*/
/*height: 100px;*/
/*}*/

/*.tag > h3 {*/
/*display: inline-block;*/
/*padding: 10px;*/
/*line-height: 40px;*/
/*}*/

/*!* 点赞 评论 收藏 *!*/
/*.like,*/
/*.comment,*/
/*.star {*/
/*font-size: 14px;*/
/*color: #719171;*/
/*}*/

/*.tag_ul {*/
/*background-color: #fff;*/
/*overflow: hidden;*/
/*}*/

/*.tag_ul > li {*/
/*padding: 10px;*/
/*box-sizing: border-box;*/
/*border: 1px solid #719171;*/
/*overflow: hidden;*/
/*}*/

/*.left_bar {*/
/*float: left;*/
/*}*/

/*.right_bar {*/
/*float: right;*/
/*}*/

/*.tag_name {*/
/*margin-bottom: 10px;*/
/*}*/

/*.left_bar > span + span,*/
/*.right_bar > span + span {*/
/*margin-left: 20px;*/
/*}*/

/*!* 查看更多 *!*/
/*.watchMore {*/
/*position: relative;*/
/*text-align: center;*/
/*margin: 10px auto 50px auto;*/
/*cursor: pointer;*/
/*color: #00d7c6;*/
/*}*/

/*.watchMore::after {*/
/*content: "∨";*/
/*font-size: 14px;*/
/*position: absolute;*/
/*bottom: -20px;*/
/*left: 50%;*/
/*}*/

/*!*==================== 热门选择/编程 ====================*!*/

/*.hot_topic .tag {*/
/*text-align: center;*/
/*!*overflow: hidden;*!*/
/*}*/

/*.topic_hover,*/
/*.hot_topic .tag > h3:hover {*/
/*color: #00d7c6;*/
/*border-bottom: 2px solid #00d7c6;*/
/*box-sizing: border-box;*/
/*!*display: inline-block;*!*/
/*!*padding: 10px;*!*/
/*!*line-height: 40px;*!*/

/*}*/

/*!*=====js生成区域=============== 热门选择/编程 ==========*!*/
/*.tag_keywords {*/
/*display: flex;*/
/*justify-content: start;*/
/*flex-wrap: nowrap;*/
/*}*/

/*.tag_keywords > li {*/
/*padding: 2px 8px;*/
/*background-color: #00d7c6;*/
/*color: #fff;*/
/*border-radius: 10px;*/
/*margin-right: 10px;*/
/*overflow: hidden;*/
/*}*/

/*!*==================== 最近动态 ====================*!*/
/*!*.hw-main .hot_dynamic {*!*/
/*!*padding: 10px;*!*/
/*!*}*!*/
/*#hotDynamic .head_img{*/
/*width: 80px;*/
/*height: 80px;*/
/*!*padding: 10px;*!*/
/*box-sizing: border-box;*/
/*float: left;*/
/*border-radius: 50%;*/
/*}*/
/*#hotDynamic .head_img > img {*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
/*#hotDynamic .tag_ul .content{*/
/*width: 870px;*/
/*margin-top: 8px;*/
/*margin-left: 10px;*/
/*}*/
/*!*=====js生成区域=============== 最近动态 ==========*!*/

/*!*==================== 轮播图 ====================*!*/
/*!*==================== 轮播图 ====================*!*/
/*!*==================== 轮播图 ====================*!*/

body {
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.main {
    width: 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    margin-top: 100px;
    text-align: center;
}

.home {
    width: 600px;
    height: 300px;
    margin: auto;
    text-align: center;
    font-size: 2rem;
    position: relative;
    font-family: 'Operator Mono', 'Source Code Pro', Menlo, Monaco, Consolas, Courier New, monospace;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.home td {
    overflow: hidden;
    border: 1px solid #fff;
    background-color: #00d7c6;
    height: 150px;
    color: #fff;
    border-radius: 80px;
}

.home td:hover {
    background-color: #2ABCB9;
    border-color: #2ABCB9;
    cursor: pointer;
    transition: all 0.2s;
}

tr:nth-child(1) td:nth-child(1),
tr:nth-child(2) td:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

tr:nth-child(1) td:nth-child(2),
tr:nth-child(2) td:nth-child(1) {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

tr:nth-child(3) {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
}

tr:nth-child(3) td:nth-child(1) {
    font-size: 1.8rem;
    width: 120px;
    height: 100px;
    border-radius: 20px;
}

.logo {
    width: 600px;
    height: 200px;
    margin-top: 20px;
}

#c {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
}

